<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<title><?php echo ($title); ?></title>
<link rel="stylesheet" href="http://www.shop.cn/Public/css/base.css" type="text/css"/>
<link rel="stylesheet" href="http://www.shop.cn/Public/css/global.css" type="text/css"/>
<link rel="stylesheet" href="http://www.shop.cn/Public/css/header.css" type="text/css"/>
<link rel="stylesheet" href="http://www.shop.cn/Public/css/login.css" type="text/css"/>
<link rel="stylesheet" href="http://www.shop.cn/Public/css/footer.css" type="text/css"/>

</head>
<body>
<!-- 顶部导航 start -->
<div class="topnav">
<div class="topnav_bd w990 bc">
    <div class="topnav_left">

    </div>
    <div class="topnav_right fr">
        <ul>
            <li>您好，欢迎来到京西！[<a href="<?php echo U('Member/login');?>">登录</a>] [<a href="<?php echo U('Member/register');?>">免费注册</a>] </li>
            <li class="line">|</li>
            <li>我的订单</li>
            <li class="line">|</li>
            <li>客户服务</li>

        </ul>
    </div>
</div>
</div>
<!-- 顶部导航 end -->

<div style="clear:both;"></div>

<!-- 页面头部 start -->
<div class="header w990 bc mt15">
<div class="logo w990">
    <h2 class="fl"><a href="<?php echo U('Index/index');?>"><img src="http://www.shop.cn/Public/images/logo.png" alt="京西商城"></a></h2>
</div>
</div>
<!-- 页面头部 end -->


	<!-- 登录主体部分start -->
	<div class="login w990 bc mt10">
		<div class="login_hd">
			<h2>用户登录</h2>
			<b></b>
		</div>
		<div class="login_bd">
			<div class="login_form fl">
				<form action="<?php echo U();?>" method="post" id="login">
					<ul>
						<li>
							<label>用户名：</label>
							<input type="text" class="txt" name="username" /><span class="error-msg"></span>
						</li>
						<li>
							<label>密码：</label>
							<input type="password" class="txt" name="password" /><span class="error-msg"></span>
							<a href="">忘记密码?</a>
						</li>
						<li class="checkcode">
							<label>验证码：</label>
							<input type="text"  name="captcha" />
							<img id="captcha" src="<?php echo U('Captcha/code');?>" title="点击换图" onclick='this.src="<?php echo U('Captcha/code');?>"'/>
							<span class="error-msg"></span>
						</li>
						<li>
							<label>&nbsp;</label>
							<input type="checkbox" class="chb" name="remember"  /> 保存登录信息
						</li>
						<li>
							<label>&nbsp;</label>
							<input type="submit" value="" class="login_btn" />
						</li>
					</ul>
				</form>

				<div class="coagent mt15">
					<dl>
						<dt>使用合作网站登录商城：</dt>
						<dd class="qq"><a href=""><span></span>QQ</a></dd>
						<dd class="weibo"><a href=""><span></span>新浪微博</a></dd>
						<dd class="yi"><a href=""><span></span>网易</a></dd>
						<dd class="renren"><a href=""><span></span>人人</a></dd>
						<dd class="qihu"><a href=""><span></span>奇虎360</a></dd>
						<dd class=""><a href=""><span></span>百度</a></dd>
						<dd class="douban"><a href=""><span></span>豆瓣</a></dd>
					</dl>
				</div>
			</div>
			
			<div class="guide fl">
				<h3>还不是商城用户</h3>
				<p>现在免费注册成为商城用户，便能立刻享受便宜又放心的购物乐趣，心动不如行动，赶紧加入吧!</p>

				<a href="<?php echo U('register');?>" class="reg_btn">免费注册 >></a>
			</div>

		</div>
	</div>
	<!-- 登录主体部分end -->
	



<div style="clear:both;"></div>
<!-- 底部版权 start -->
<div class="footer w1210 bc mt15">
<p class="links">
    <a href="">关于我们</a> |
    <a href="">联系我们</a> |
    <a href="">人才招聘</a> |
    <a href="">商家入驻</a> |
    <a href="">千寻网</a> |
    <a href="">奢侈品网</a> |
    <a href="">广告服务</a> |
    <a href="">移动终端</a> |
    <a href="">友情链接</a> |
    <a href="">销售联盟</a> |
    <a href="">京西论坛</a>
</p>
<p class="copyright">
    © 2005-2013 京东网上商城 版权所有，并保留所有权利。  ICP备案证书号:京ICP证070359号
</p>
</div>
<!-- 底部版权 end -->
<script type="text/javascript" src="http://www.shop.cn/Public/js/jquery.min.js"></script>

<script type="text/javascript" src="http://www.shop.cn/Public/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="http://www.shop.cn/Public/plugs/layer/layer.js"></script>
	<script type="text/javascript">
		//初始化验证规则
		$('#login').validate({
			rules: {
				//验证用户名
				username: {
					required: true,
					rangelength: [3, 20],
				},
				//验证密码
				password: {
					required: true,
					rangelength: [6, 20],
				},
				captcha: "required",
			},

			//验证提示信息
			messages: {
				username: {
					required: "用户名不能为空",
					rangelength: "用户名长度应是3-20位",
				},
				password: {
					required: "密码不能为空",
					rangelength: "密码长度应是6-20位",
				},
				captcha: "验证码不能为空",
			},

			//将错误信息放入指定位置
			errorPlacement: function (error, element) {
				var errMsg = error[0].innerHTML;
				var place = $(element).siblings('.error-msg');
				//输出错误信息
				place.html(errMsg)
			},

			//成功后执行的函数
			success: function () {},

		});

	</script>

</body>
</html>